import { ref, computed } from "vue";
import { defineStore } from "pinia";
import axios from "axios";
export const usePiniaStore = defineStore("pinia", () => {
  const userInfo = ref({});
  //
  const lssueTime = ref(["2020年9月25日15:13:25"]);
  const textContent = ref([
    "您好!雄楚大道近期维修，时间为2020年10月-2021年3月，请您提前规划出行路线，避免对您的出行造成影响。",
  ]);
  // 用户上报的数据
  const userReportData = ref([]);
  // 获取后台（本地json）数据
  async function getUserReportData() {
    const res = await axios.get("/src/stores/reportEvent.json");
    userReportData.value = res.data;
    // console.log(userReportData.value);
  }
  getUserReportData();
  // watch(
  //   userReportData,
  //   (newval) => {
  //     console.dir(userReportData.value);
  //     console.log(JSON.stringify(userReportData.value));
  //   },
  //   {
  //     deep: true,
  //   }
  // );
  // watch(userReportData, (newval) => {
  //   // 创建 Axios 实例
  //   const axios_postUserData = axios.create({
  //     baseURL: "http://localhost:3000", // 设置基础 URL，将作为请求的前缀
  //   });
  //   //----

  //   const token = localStorage.getItem("token");
  //   axios_postUserData.defaults.headers.common[
  //     "Authorization"
  //   ] = `Bearer ${token}`;
  //   console.log(1);
  //   // 只要这个数据有变化，就把它提交到后台的json中
  //   axios_postUserData
  //     .post("/api/update-array", { newArray: newval})
  //     .then((response) => {
  //       console.log(response.data.message); // 输出成功消息
  //     })
  //     .catch((error) => {
  //       console.error("Error:", error);
  //     });
  // });
  const isShowTopText = ref("true")
  return {
    userInfo,
    userReportData,
    textContent,
    lssueTime,
    isShowTopText
  };
});
